<!DOCTYPE html>
<html lang="en">
    
<head>
     <meta charset="UTF-8">
     
    <title>前台界面阿萨法</title>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        body {
            margin: 0;
        }

        .header {
            /*transform: none;*/
            /*opacity: 1;*/
            /*background: #d39797;*/
        }

        i, strong {
            font-style: normal;
            font-weight: normal;
        }

        a {
            margin: 0 15px;
            text-decoration: none;
            /*color: inherit;*/
            cursor: pointer;
            outline: none;
            color: #fff;

        }

        .d1 {
            /*background:#077c31;*/
            background-image: url("images/top.jpg");
            color: #fff;
            line-height: 45px;
            height: 45px;
            font-size: 14px;
            transition: all 0.2s ease-out 0s;
            overflow: hidden;
        }

        .block {
            width: 1400px;
            margin: auto;

        }

        i {
            margin: 0 10px;
            font-size: 12px;
        }

        .nav_r {
            position: absolute;
            top: 0;
            right: 20px;
            font-size: 12px;
        }

        .d2 {
            /*border-bottom: 1px solid #ddd;*/
            height: 80px;
        }

        .logo {
            position: relative;
            margin: 10px;
            border: 0px solid #000;
            width: 200px;
            height: 55px;
        }

        .logo img {
            width: 200px;
            height: 55px
        }

        .nav_main {
            position: absolute;
            top: 70px;
            left: 400px;
            font-size: 18px;
            height: 50px;
        }

        .bb {
            position: relative;
            top: 10px;
            height: 600px;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        .body_home {
            height: 100%;
            overflow: hidden;
        }

        .banner {
            position: absolute;
            top: 19px;
            width: 100%;
            overflow: hidden;
        }

        .cc {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
            position: absolute;
            top: 44px;
            height: 200px;
            width: 100%;
            height: 70px;
        }

        .x1 {
            position: absolute;
            left: 100px;
            left: 0px;
            top: 630px;
            width: 100%;
            /*height: 500px;*/
        }

        .avg {
            height: 360px;
            width: 590px;
            float: left;
            margin-left: 100px;
        }

        .avg h1 {
            width: 135px;
            height: 78px;
            font-size: 26px;
            font-weight: normal;
            line-height: 78px;
            border-bottom: 4px solid green;
            text-align: center;
            float: left;
        }

        .avg span {
            height: 31px;
            width: 455px;
            padding-top: 95px;
            color: #D4D4D4;
            font-size: 17px;
            font-weight: normal;
            border-bottom: 2px solid #EBEBEB;
            text-align: right;
            float: left;
        }

        .detail {
            width: 595px;
            margin-top: 22px;
            margin-right: 40px;
        }

        .detail img {
            width: 258px;
            float: left;

        }

        .content {
            width: 319px;
            height: 193px;
            float: right;
            margin-top: 7px;
            position: relative;
        }

        .content p {
            line-height: 30px;

        }

        .content a {
            position: absolute;
            bottom: 0;
            right: 0
        }

        .content a img {
            height: 35px;
            width: 134px;
        }

        .clear {
            clear: both;
        }

        .x2 {
            float: left;
            width: 350px;
            margin-left: 100px;
            margin-top: 40px;
        }

        .x3 {
            float: left;
            margin-left: 400px;
            width: 600px;
            text-align: center;
            font-size: 40px;
            line-height: 1.3;
        }


        .list {
            float: left;
            width: 900px;
            display: -ms-flexbox;
            display: flex;
            padding: 0 5%;
        }

        .item {
            margin-left: 180px;
            margin-top: 30px;

            /*-ms-flex: 1;*/
            /*flex: 1;*/
            text-align: center;
            /*transition: all 0.8s ease-out 0s;*/
            /*transform: scale(1);*/
            /*opacity: 1;*/
        }

        .svg {
            display: inline-block;
            height: 85px;
            width: 90px;
        }

        .st0 {
            fill: none;
            stroke: #333333;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .st1 {
            fill: none;
            stroke: #333333;
            stroke-width: 3;
            stroke-linecap: round;
            stroke-miterlimit: 10;
        }

        .line {
            float: left;
            width: 1350px;
            margin-left: 60px;
            margin-top: 20px;
            background: #159536 url(images/line.jpg) no-repeat center;
            min-width: 1200px;
            height: 5px;
            /*margin: 0 auto;*/
            text-align: center;
        }

        .copyright {
            float: left;
            width: 1350px;
            margin-left: 60px;
            margin-top: 20px;
            font-size: 16px;
            text-align: center;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="css/style1.css">
    <script type="text/javascript" src="js/koala.min.1.5.js"></script>
    <script type="text/javascript">
        Qfast.add('widgets', {
            path: "http://hovertree.com/texiao/js/1/js/terminator2.2.min.js",
            type: "js",
            requires: ['fx']
        });
        Qfast(false, 'widgets', function () {
            K.tabs({
                id: 'decoroll2',//焦点图包裹id
                conId: "decoimg_a2",//大图域包裹id
                tabId: "deconum2",//小圆点数字提示id
                tabTn: "a",
                conCn: '.decoimg_b2',//大图域配置class
                auto: 1,//自动播放 1或0
                effect: 'fade',//效果配置
                eType: 'mouseover',// 鼠标事件
                pageBt: true,//是否有按钮切换页码
                bns: ['.prev', '.next'],//前后按钮配置class
                interval: 3000// 停顿时间
            })
        })
    </script>
</head>
<body>
<div class="body_home">
    <div class="banner">
        <div id="decoroll2" class="bb">
            <div id="decoimg_a2">
                <div class="decoimg_b2"><a href="public.jsp"><img src="images/3.jpg"></a></div>
                <div class="decoimg_b2"><a href="public.jsp"><img src="images/1.jpg"></a></div>
                <div class="decoimg_b2"><a href="public.jsp"><img src="images/3.jpg"></a></div>
                <div class="decoimg_b2"><a href=""><img src="images/2.jpg"></a></div>
            </div>

            <ul id="deconum2" class="num_a2">
                <li><a href="javascript:void(0)" hidefocus="true" target="_self"></a></li>
                <li><a href="javascript:void(0)" hidefocus="true" target="_self"></a></li>
                <li><a href="javascript:void(0)" hidefocus="true" target="_self"></a></li>
                <li><a href="javascript:void(0)" hidefocus="true" target="_self"></a></li>
            </ul>

        </div>
    </div>
    <div class="cc"></div>
    <div class="header">
        <div class="d1">
            <div class="block">
                <div class="nav_l">
                    <a href="" style="color: #fff;">河 南 农 业 大 学 欢 迎 您 ！</a>
                </div>
                <div class="nav_r">
                    <a href="" style="color: #fff;">登录</a>
                    <a href="" style="color: #fff;">注册</a>
                </div>
            </div>
        </div>
        <div class="d2">
            <div class="block">
                <div class="logo"><img src="images/aa.png"></div>
                <div class="nav_main">
                    <a href="/about.html" style="color: #fff">农大概况</a>
                    <a href="/recruit.html" style="color: #fff">招生</a>
                    <a href="/department.html" style="color: #fff">学部与院系</a>
                    <a href="/education.html" style="color: #fff">教育教学</a>
                    <a href="/scientificResearch.html" style="color: #fff">科学研究</a>
                    <a href="/cooperation.html" style="color: #fff">合作交流</a>
                    <a href="/campus.html" style="color: #fff">校园生活</a>
                </div>
            </div>
        </div>
    </div>

    <div class="x1">
        <div class="avg">
            <h1>学术交流</h1>
            <span></span>
            <div class="clear"></div>
            <div class="detail">
                <img src="images/cooperatepic.gif" alt="政府合作">
                <div class="content">
                    <p>
                        专家团队派遣，通过协助地方企业触电，解决企业销售难题，形成产业集群，利用互联网+带动企业开展新型销售模式升级，助力中国质造。
                    </p>
                    <p>
                        为地方建设提供：电商营销团队建设、企业人力管理模式升级、财务统筹、企业投融资（VC）、常期协助地方电商产业园建设
                    </p>
                    <a href="#"><img src="images/showdetail.gif" alt="查看详情"></a>
                </div>
            </div>
        </div>
        <div class="avg">
            <h1>xxxx</h1>
            <span></span>
            <div class="clear"></div>
            <div class="detail">
                <img src="images/cooperatepic.gif" alt="企业孵化">
                <div class="content">
                    <p>
                        专家团队派遣，通过协助地方企业触电，解决企业销售难题，形成产业集群，利用互联网+带动企业开展新型销售模式升级，助力中国质造。
                    </p>
                    <p>
                        为地方建设提供：电商营销团队建设、企业人力管理模式升级、财务统筹、企业投融资（VC）、常期协助地方电商产业园建设
                    </p>
                    <a href="#"><img src="images/showdetail.gif" alt="查看详情"></a>
                </div>
            </div>
        </div>


        
        <div class="x2">
            <div class="panel panel-success">
                <!-- Default panel contents -->
                <div class="panel-heading" style="text-align: center">农大要闻</div>
                <div class="panel-body" style="height: 400px">
                </div>
                <!-- Table -->
                <table class="table">
                    ...
                </table>
            </div>
        </div>
        <div class="x2">
            <div class="panel panel-success">
                <!-- Default panel contents -->
                <div class="panel-heading" style="text-align: center">校园之星</div>
                <div class="panel-body" style="height: 400px">
                </div>
                <!-- Table -->
                <table class="table">
                    ...
                </table>
            </div>
        </div>
        <div class="x2">
            <div class="panel panel-success">
                <!-- Default panel contents -->
                <div class="panel-heading" style="text-align: center">xxxx</div>
                <div class="panel-body" style="height: 400px">
                </div>
                <!-- Table -->
                <table class="table">
                    ...
                </table>
            </div>
        </div>
        
        <div class="x3">参观 · 导览</div>
        <div class="list">
            <div class="item">
                <a href="https://visitor.pku.edu.cn/visitor/modules/tourist/indexW.html#/touristWeb" target="_blank">
                    <div class="svg">
                        <svg version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg"
                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 90 90"
                             xml:space="preserve">
            <g id="XMLID_1_">
                <path id="XMLID_3_" class="st0" d="M38.7,9.2L53.3,9.2"
                      style="stroke-dasharray: 15, 17; stroke-dashoffset: 0;"></path>
                <path id="XMLID_2_" class="st0"
                      d="M73.2,9.2H75c6.6,0,12,5.4,12,12v50.3c0,6.6-5.4,12-12,12H15.2c-6.6,0-12-5.4-12-12V21.2c0-6.6,5.4-12,12-12h1.5"
                      style="stroke-dasharray: 240, 242; stroke-dashoffset: 0;"></path>
                <path id="XMLID_4_" class="st0" d="M4,27L86,27"
                      style="stroke-dasharray: 82, 84; stroke-dashoffset: 0;"></path>
                <path id="XMLID_5_" class="st0" d="M22,40L66,40"
                      style="stroke-dasharray: 44, 46; stroke-dashoffset: 0;"></path>
                <path id="XMLID_6_" class="st0" d="M22,53L47,53"
                      style="stroke-dasharray: 25, 27; stroke-dashoffset: 0;"></path>
                <path id="XMLID_7_" class="st0" d="M22,66L34,66"
                      style="stroke-dasharray: 12, 14; stroke-dashoffset: 0;"></path>
                <path id="XMLID_8_" class="st0" d="M51.7,62.7L59.6,70.7L76.4,55.2"
                      style="stroke-dasharray: 35, 37; stroke-dashoffset: 0;"></path>
                <path id="XMLID_9_" class="st0" d="M62,5L62,16"
                      style="stroke-dasharray: 11, 13; stroke-dashoffset: 0;"></path>
                <path id="XMLID_10_" class="st0" d="M28,5L28,16"
                      style="stroke-dasharray: 11, 13; stroke-dashoffset: 0;"></path>
            </g>
        </svg>
                    </div>
                    <div class="h">参观预约</div>
                </a>
            </div>
            <div class="item">
                <a href="/visit.html#p3">
                    <div class="svg">
                        <svg version="1.1" id="svg2" xmlns="http://www.w3.org/2000/svg"
                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 90 85"
                             xml:space="preserve">
            <g>
                <path class="st0" d="M23.87,81.36V56.69c0-0.11-0.05-0.21-0.14-0.28l-7.64-5.72c-0.11-0.08-0.25-0.09-0.37-0.03L3.18,57.42
                    C3.07,57.48,3,57.6,3,57.73v23.29c0,0.19,0.15,0.34,0.34,0.34h83.54c0.19,0,0.34-0.15,0.34-0.34V54.99c0-0.12-0.06-0.23-0.17-0.3
                    l-10.05-6.01c-0.1-0.06-0.17-0.17-0.17-0.3V36c0-0.11-0.05-0.21-0.14-0.28L60.97,24.18c-0.12-0.08-0.27-0.09-0.39-0.01L41.64,36.61
                    c-0.23,0.15-0.53-0.01-0.53-0.29l0.15-31.14c0-0.3-0.36-0.46-0.58-0.25l-16.7,16.22c-0.07,0.06-0.1,0.15-0.1,0.25v38.11"
                      style="stroke-dasharray: 346, 348; stroke-dashoffset: 0;"></path>
                <path class="st0" d="M41.26,5.18l12.72,10.11c0.08,0.07,0.12,0.16,0.12,0.26v65.81"
                      style="stroke-dasharray: 83, 85; stroke-dashoffset: 0;"></path>
                <path class="st1"
                      d="M54.05,45.57L38.04,51.1c-0.14,0.05-0.23,0.18-0.23,0.33v5.05c0,0.23,0.22,0.39,0.44,0.33l15.8-4.49"
                      style="stroke-dasharray: 40, 42; stroke-dashoffset: 0;"></path>
                <path class="st1"
                      d="M54.05,61.75L38.08,65.3c-0.16,0.03-0.27,0.17-0.27,0.34v5.71c0,0.21,0.19,0.37,0.4,0.34l15.84-2.57"
                      style="stroke-dasharray: 40, 42; stroke-dashoffset: 0;"></path>
            </g>
        </svg>
                    </div>
                    <div class="h">建筑一览</div>
                </a></div>
            <div class="item">
                <a href="/visit.html#p2">
                    <div class="svg">
                        <svg version="1.1" id="svg3" xmlns="http://www.w3.org/2000/svg"
                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 90 90"
                             xml:space="preserve">
            <g id="XMLID_23_">
                <path id="XMLID_16_" class="st0" d="M6,7L6,72L32.7,82.5L63.3,71.6L84,80.5L84,16L64.1,6.1L32.7,15.3Z"
                      style="stroke-dasharray: 297, 299; stroke-dashoffset: 0;"></path>
                <path id="XMLID_18_" class="st1" d="M32,70L32,81"
                      style="stroke-dasharray: 11, 13; stroke-dashoffset: 0;"></path>
                <path id="XMLID_19_" class="st1" d="M64,43L64,70"
                      style="stroke-dasharray: 27, 29; stroke-dashoffset: 0;"></path>
                <path id="XMLID_20_" class="st1" d="M33,28L33,15"
                      style="stroke-dasharray: 13, 15; stroke-dashoffset: 0;"></path>
                <path id="XMLID_24_" class="st1" d="M67.8,22.9c1.3,0,2.6,0,3.9,0.2"
                      style="stroke-dasharray: 4, 6; stroke-dashoffset: 0;"></path>
                <path id="XMLID_17_" class="st1" d="M47.7,31.8c3.1-3.1,6.7-5.8,11.1-7.4"
                      style="stroke-dasharray: 14, 16; stroke-dashoffset: 0;"></path>
                <path id="XMLID_22_" class="st1" d="M35.7,47.6c2.2-3,4.4-6.4,6.8-9.6"
                      style="stroke-dasharray: 12, 14; stroke-dashoffset: 0;"></path>
                <path id="XMLID_21_" class="st1" d="M18.6,63.5c0,0,4.2-1,11.3-8.7"
                      style="stroke-dasharray: 15, 17; stroke-dashoffset: 0;"></path>
            </g>
        </svg>
                    </div>
                    <div class="h">校园地图</div>
                </a></div>
            <div class="item"><a href="/visit.html#p4">
                <div class="svg">
                    <svg version="1.1" id="svg4" xmlns="http://www.w3.org/2000/svg"
                         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 90 85"
                         xml:space="preserve">
            <g>
                <g>
                    <path class="st1" d="M12.76,58.65H5.59c-1.1,0-2-0.9-2-2V5.02c0-1.1,0.9-2,2-2h7.17c1.1,0,2,0.9,2,2v51.63
                        C14.76,57.75,13.86,58.65,12.76,58.65z"
                          style="stroke-dasharray: 131, 133; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M5.95,82.11L5.95,59.54"
                          style="stroke-dasharray: 23, 25; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M12.33,82.11L12.33,59.54"
                          style="stroke-dasharray: 23, 25; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M15.45,49.86L23.91,49.86"
                          style="stroke-dasharray: 9, 11; stroke-dashoffset: 0;"></path>
                    <path class="st1" width="47.2" height="6.55"
                          d="M24.74 46.62 L71.94 46.62 L71.94 53.169999999999995 L24.74 53.169999999999995 Z"
                          style="stroke-dasharray: 108, 110; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M68.87,53.18c-1.82,2.99-7.73,13.54-7.63,28.37L35.5,67.12"
                          style="stroke-dasharray: 60, 62; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M49.29,53.18L34.48,63.7"
                          style="stroke-dasharray: 19, 21; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M62.98,53.18L36.89,72.34"
                          style="stroke-dasharray: 33, 35; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M29.68,53.18c1.82,2.99,7.73,13.54,7.63,28.37l27.08-18.79"
                          style="stroke-dasharray: 63, 65; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M62.41,69.87L37.18,53.18"
                          style="stroke-dasharray: 31, 33; stroke-dashoffset: 0;"></path>
                    <path class="st1"
                          d="M45.64000000000001,21.61A18.79,18.79 0,1,1 83.22,21.61A18.79,18.79 0,1,1 45.64000000000001,21.61"
                          style="stroke-dasharray: 119, 121; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M70.6,3.87c0,0-17.53,9.81-16.6,33.38"
                          style="stroke-dasharray: 40, 42; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M61.73,3.02c0,0-1.75,6.02,21.03,14.44"
                          style="stroke-dasharray: 27, 29; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M46.03,25.43c3.18-3.36,12.68-9.33,23.94,14.14"
                          style="stroke-dasharray: 34, 36; stroke-dashoffset: 0;"></path>
                    <path class="st1" d="M49.79,9.84c0,0,16.19,1.01,29.7,23"
                          style="stroke-dasharray: 39, 41; stroke-dashoffset: 0;"></path>
                </g>
            </g>
        </svg>
                </div>
                <div class="h">校园设施</div>
            </a></div>
        </div>

    
        <div class="line"></div>
        <div class="copyright">Copyright©2020-2222&nbsp;&nbsp;xxxx&nbsp;版权所有</div>


    </div>

</div>
</body>
</html>